import { Ionicons } from '@expo/vector-icons';
import { Tabs } from 'expo-router';

export default function TabLayout() {
    return (
        <Tabs>
            <Tabs.Screen name="index"
                options={{
                    title: 'Home',
                    tabBarIcon: ({ color, size }) => (
                        <Ionicons name="home-outline" size={size} color={color} />
                    ),
                }} />
            <Tabs.Screen name="about" options={{
                title: 'About',
                tabBarIcon: ({ color, size }) => (
                    <Ionicons name="information-circle-outline" size={size} color={color} />
                ),
            }} />
            <Tabs.Screen name='profile' options={{
                title: "Profile",
                tabBarIcon: ({ color, size }) => (
                    <Ionicons name="person-outline" size={size} color={color} />
                ),
            }} />
        </Tabs>
    )
}